<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>LANCASTER SUN</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="swiper-container app">
    <div class="swiper-wrapper">
        <section class="swiper-slide home swiper-no-swiping">
            <h2>主页</h2>
            　<a href="javascript:javascript:void 0;" class="btn btn-checkIn">每日签到</a>
            　<a href="javascript:javascript:void 0;" class="btn btn-QA">我要答题</a>
            　<a href="javascript:javascript:void 0;" class="btn btn-Rankings">门店排行</a>
            　<a href="javascript:javascript:void 0;" class="btn btn-rule">活动规则</a>
            　<a href="javascript:javascript:void 0;" class="btn btn-person">个人信息</a>
        </section>
        <section class="swiper-slide check-in swiper-no-swiping">
            <header style="text-align: left">
                <h2>签到页</h2>
                <a href="javascript:javascript:void 0;" class="btn-back">返回</a>
            </header>
            <div class="app-content">
                <div style="padding-top: 25px">团队总分：<span id="shop_score">500</span></div>
                <div style="padding-top: 15px">我的贡献：<span id="my_score">100</span></div>
                <button class="btn-daily">签到</button>
            </div>

        </section>
        <section class="swiper-slide question-answer swiper-no-swiping">
            <h2>答题页</h2>
            <a href="javascript:javascript:void 0;" class="btn-back">返回</a>
            <div class="app-content qa-area">
                <form id="qa-form">
                    <ol>
                        <li>
                            <h4>题目一</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer1" id="answer1-a" value="0"><label
                                        for="answer1-a">答案一</label></li>
                                <li><input type="radio" name="answer1" id="answer1-b" value="0"><label
                                        for="answer1-b">答案二</label></li>
                                <li><input type="radio" name="answer1" id="answer1-c" value="0"><label
                                        for="answer1-c">答案三</label></li>
                                <li><input type="radio" name="answer1" id="answer1-d" value="10"><label
                                        for="answer1-d">答案四</label></li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目二</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer2" id="answer2-a" value="0"><label
                                        for="answer2-a">答案一</label></li>
                                <li><input type="radio" name="answer2" id="answer2-b" value="0"><label
                                        for="answer2-b">答案二</label></li>
                                <li><input type="radio" name="answer2" id="answer2-c" value="0"><label
                                        for="answer2-c">答案三</label></li>
                                <li><input type="radio" name="answer2" id="answer2-d" value="10"><label
                                        for="answer2-d">答案四</label></li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目三</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer3" id="answer3-a" value="0"><label
                                        for="answer3-a">答案一</label></li>
                                <li><input type="radio" name="answer3" id="answer3-b" value="0"><label
                                        for="answer3-b">答案二</label></li>
                                <li><input type="radio" name="answer3" id="answer3-c" value="0"><label
                                        for="answer3-c">答案三</label></li>
                                <li><input type="radio" name="answer3" id="answer3-d" value="10"><label
                                        for="answer3-d">答案四</label></li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目四</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer4" id="answer4-a" value="0"><label
                                        for="answer4-a">答案一</label></li>
                                <li><input type="radio" name="answer4" id="answer4-b" value="0"><label
                                        for="answer4-b">答案二</label></li>
                                <li><input type="radio" name="answer4" id="answer4-c" value="0"><label
                                        for="answer4-c">答案三</label></li>
                                <li><input type="radio" name="answer4" id="answer4-d" value="10"><label
                                        for="answer4-d">答案四</label></li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目五</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer5" id="answer5-a" value="0"><label for="answer5-a">答案一</label>
                                </li>
                                <li><input type="radio" name="answer5" id="answer5-b" value="0"><label for="answer5-b">答案二</label>
                                </li>
                                <li><input type="radio" name="answer5" id="answer5-c" value="0"><label for="answer5-c">答案三</label>
                                </li>
                                <li><input type="radio" name="answer5" id="answer5-d" value="10"><label for="answer5-d">答案四</label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目六</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer6" id="answer6-a" value="0"><label for="answer6-a">答案一</label>
                                </li>
                                <li><input type="radio" name="answer6" id="answer6-b" value="0"><label for="answer6-b">答案二</label>
                                </li>
                                <li><input type="radio" name="answer6" id="answer6-c" value="0"><label for="answer6-c">答案三</label>
                                </li>
                                <li><input type="radio" name="answer6" id="answer6-d" value="10"><label for="answer6-d">答案四</label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目七</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer7" id="answer7-a" value="0"><label for="answer7-a">答案一</label>
                                </li>
                                <li><input type="radio" name="answer7" id="answer7-b" value="0"><label for="answer7-b">答案二</label>
                                </li>
                                <li><input type="radio" name="answer7" id="answer7-c" value="0"><label for="answer7-c">答案三</label>
                                </li>
                                <li><input type="radio" name="answer7" id="answer7-d" value="10"><label for="answer7-d">答案四</label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目八</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer8" id="answer8-a" value="0"><label for="answer8-a">答案一</label>
                                </li>
                                <li><input type="radio" name="answer8" id="answer8-b" value="0"><label for="answer8-b">答案二</label>
                                </li>
                                <li><input type="radio" name="answer8" id="answer8-c" value="0"><label for="answer8-c">答案三</label>
                                </li>
                                <li><input type="radio" name="answer8" id="answer8-d" value="10"><label for="answer8-d">答案四</label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目九</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer9" id="answer9-a" value="0"><label for="answer9-a">答案一</label>
                                </li>
                                <li><input type="radio" name="answer9" id="answer9-b" value="0"><label for="answer9-b">答案二</label>
                                </li>
                                <li><input type="radio" name="answer9" id="answer9-c" value="0"><label for="answer9-c">答案三</label>
                                </li>
                                <li><input type="radio" name="answer9" id="answer9-d" value="10"><label for="answer9-d">答案四</label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h4>题目十</h4>
                            <ul class="answer">
                                <li><input type="radio" name="answer10" id="answer10-a" value="0"><label
                                        for="answer10-a">答案一</label>
                                </li>
                                <li><input type="radio" name="answer10" id="answer10-b" value="0"><label
                                        for="answer10-b">答案二</label>
                                </li>
                                <li><input type="radio" name="answer10" id="answer10-c" value="0"><label
                                        for="answer10-c">答案三</label>
                                </li>
                                <li><input type="radio" name="answer10" id="answer10-d" value="10"><label
                                        for="answer10-d">答案四</label>
                                </li>
                            </ul>
                        </li>
                    </ol>
                    <input type="hidden" name="week" value="1">
                    <div style="text-align: center; padding: 20px 0 40px">
                        <button>答玩提交</button>
                    </div>
                </form>
                <div class="qa-completed">
                    <div>本周答题得分：<span id="qa-week-score">100</span></div>
                    <ol>
                        <li>参考答案一</li>
                        <li>参考答案尔</li>
                        <li>参考答案仨</li>
                        <li>参考答案思</li>
                        <li>参考答案无</li>
                        <li>参考答案刘</li>
                        <li>参考答案期</li>
                        <li>参考答案扒</li>
                        <li>参考答案久</li>
                        <li>参考答案实</li>
                    </ol>
                </div>
            </div>
        </section>
        <section class="swiper-slide score-rankings swiper-no-swiping">
            <h2>排行榜</h2>
            <a href="javascript:javascript:void 0;" class="btn-back">返回</a>
            <div class="app-content">
                <div style="padding: 50px 0 0">
                    <table id="rankings">
                    </table>
                </div>
            </div>
        </section>
        <section class="swiper-slide bindShop swiper-no-swiping">
            <h2>填写个人信息</h2>
            <a href="javascript:javascript:void 0;" class="btn-back">返回</a>
            <div style="padding: 50px 0 0; ">
                <form id="completeInfo">
                    <div style="padding: 0 20px">
                        <input type="text" name="full_name" placeholder="亲填写真实姓名">
                    </div>
                    <div style="padding: 15px 20px 0">
                        <input type="text" name="mobile" placeholder="请填写手机号">
                    </div>
                    <div style="padding: 15px 20px 50px">
                        <input type="text" name="shop" id="auto_shop" placeholder="门店信息"/>
                    </div>
                    <div style="text-align: center">
                        <button>确认信息</button>
                    </div>
                </form>
                <div class="person-show">
                    <div>真实姓名：<span id="full_name"></span></div>
                    <div>手机号：<span id="mobile"></span></div>
                    <div>所属门店：<span id="shop"></span></div>
                </div>
            </div>
        </section>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/jquery.autocomplete.min.js"></script>
<script src="js/serializeFromJSON.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/shopinfo.js"></script>
<script>
    // session cookie 模拟微信网页授权后获取了openid
    $.cookie('openid', 'koming2');

</script>
<script src="js/app.js"></script>
</body>
</html>